<template>
    <div>
      <v-header></v-header>
        <div class="content-wrap ">
         <router-view></router-view>
        </div>
    </div>
</template>

<script>

import vHead from './Header.vue'
export default {
  name: 'home',
  components: {
  'v-header': vHead
   },
   computed: {
     //控制页面地址 有权限和没有权限的跳转
      auth () {
        return this.$store.getters.isAuthenticated
      }
    },
   methods: {
      // onLogout() {
      //   this.$store.dispatch('logout')
      // }
    }
}
</script>

<style>
.content-wrap {
  width: 1024px;
  margin: 1.875rem auto;
  height: 780px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 7px 0 rgba(39, 54, 78, 0.08);
  position: relative;
}
</style>
